<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>登录</title>
</head>
<style>
  [v-cloak] {
    display: none;
  }
</style>

<body>
  <!-- <div :style="{backgroundImage: 'url(' +bg + ')'}" id="body" v-cloak> -->
      <div  id="body" v-cloak>
    <!-- <div class="title"><img src="./static/happy_to_read.png" alt=""></div> -->
    <div style='text-align:center'>
    </div>
    <div class="form">
      <group>
        <div style="text-align: center;padding-top: 20px">
            <img src="./static/logo.jpg" alt="">
            <p style="font-size: 22px;">五车图书馆欢迎你！</p>
        </div>
          
        <x-input v-model="tel" :is-type="checkTel" type="tel" class="border-1px" placeholder="手机号">
            <img slot="label" style="padding-right:10px;display:block;" src="./static/user.png" width="24" height="24">
        </x-input>
        <x-input v-model="passWord" :min="6" :max="12" :is-type="checkPW" type="password" class="border-1px" placeholder="密码">
            <img slot="label" style="padding-right:10px;display:block;" src="./static/pws.png" width="24" height="24">
        </x-input>
      </group>
      <div class='buttonWrapper'>
        <x-button type="primary" :disabled='isDisabled' @click.native='login'>登录</x-button>
        <x-button type="primary"  @click.native='wxlogin'>微信一键登录</x-button>
        <x-button type="primary" link='./register.html'>去注册</x-button>
        <x-button type="primary" @click.native='showforgetPassword'>忘记密码</x-button>
      </div>
    </div>

    <div v-transfer-dom>
      <confirm id='password' v-model="isshow" title="忘记密码"  @on-confirm="forgetPassword">
          <x-input style="margin-top:10px" title="" placeholder="请填写手机号码" v-model="forgetPhone"></x-input>
        <x-input id='word' style="padding-top:0px;padding-bottom:0px" v-model="code" placeholder="请输入验证码" title="">
          <x-button slot="right" type="primary" mini @click.native="countDown">{{codeMessage}}</x-button>
        </x-input>
        <x-input style="margin-top:10px" title="" placeholder="填设置新密码" v-model="newPassword"></x-input>
      </confirm>
    </div>


  </div>
</body>

</html>